<template>
	<view class="content">
		<view class="status_bar">
		 </view>
		<uni-nav-bar left-icon="arrowleft"   title="提现" right-text="提现明细" @clickLeft="back()" @clickRight="detail()"></uni-nav-bar>
		<view class="tixian">
			<view class="item" @click="alipay()">
				<image src="../../../../static/alipay.png" mode=""></image>
				<view class="item-c">支付宝</view>
				<text  class="item-r iconfont icon-fenye-xiayiye "></text>
			</view>
			<view class="item card" @click="card()">
				<image src="../../../../static/card.png" mode=""></image>
				<view class="item-c">银行卡</view>
				<text  class="item-r iconfont icon-fenye-xiayiye "></text>
			</view>
		</view>
	</view>
</template>

<script>
import getdata from '@/common/ajax.js';	
import uniNavBar from "@/components/uni-nav-bar/uni-nav-bar.vue"
	export default {	
		components: {uniNavBar},
		data() {
			return {
				
			}
		},
		onLoad() {

		},
		methods: {
			back(){
				uni.navigateBack();
		},
		detail(){
			uni.navigateTo({
			    url: '../tidetail/tidetail'
			});
		},
		alipay(){
			uni.navigateTo({
			    url: '../alipay/alipay'
			});
		},
		card(){
			uni.navigateTo({
			    url: '../card/card'
			});
		}
		}
	}
</script>

<style lang="scss">
@import '../../../../static/iconfont/iconfont.css';	
.status_bar {
        height: var(--status-bar-height);
        width: 100%;
    }	
.uni-navbar--border{
	border: none !important;
}	
.uni-nav-bar-text{
	font-size: 30rpx;
	font-family: PingFang SC;
	font-weight: bold;
	color: #333333;
}
.tixian{
	box-sizing: border-box;
	padding:30rpx;
	.item{
		width: 100%;
		height: 50rpx;
		padding: 30rpx 0;
		border-bottom: 2rpx solid #E3DFDF;
		display: flex;
		align-items: center;
		image{
			width: 50rpx;
			height: 50rpx;
			margin-left: 26rpx;
		}
		.item-c{
			margin-left: 27rpx;
			font-size: 26rpx;
			font-family: PingFang SC;
			color: #302E37;
		}
		.item-r{
			font-size: 26rpx;
			color: #302E37;
			margin-left: auto;
		}
	}
	.card{
		image{
			width: 44rpx;
			height: 32rpx;
			margin-left: 30rpx;
		}
	}
}
</style>
